<template>
  <div class="warp">
    <div class="header"></div>
    <div class="title">房源意向</div>
    <div class="main-list">
      <div class="main-item-select">
        <van-radio-group v-model="area">
          <van-radio v-for="(item, index) in areaList" :name="index" :key="index">{{item}}</van-radio>
        </van-radio-group>
      </div>
    </div>
    <div class="footer">
      <div class="footer-btn" @click="saveForm">提交申请</div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'familyInfo',
  data () {
    return {
      area: '',
      areaList: ['柳北区', '城中区', '柳南区', '鱼峰区', '柳东新区', '阳和工业区']
    }
  },
  methods: {
    saveForm () {
      this.$toast('已选' + this.area)
    }
  }
}
</script>

<style lang="stylus" scoped></style>
